<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<jsp:include page="/WEB-INF/jsp/lib.jsp" />
<!--
	作者：offline
	时间：2018-04-09
	描述：
	导入中文包
-->
<script type="text/javascript" src="js/locale/easyui-lang-zh_CN.js"></script>
部门：<input type="text" id="deptName" />
<button id="but">搜索</button>
<table id="dg"></table>
<!--
	作者：offline
	时间：2018-04-09
	描述：
	创建对话框
-->
<div id="div1">
		<form action="#" id="ff">
			<table>
				<tr>
					<td>部门名称：</td>
					<td>
						<input type="text" name="deptName" />
					</td>
				</tr>
				<tr>
					<td>备注：</td>
					<td>
						<input type="text" name="comment" />
					</td>
				</tr>
			</table>
				<!--
            	作者：offline
            	时间：2018-04-09
            	描述：
            	隐藏域 获取部门id
            -->
            <input type="hidden" name="id" />
		</form>
</div>
<script type="text/javascript">
	//页面加载完毕初始化表格
	$(function() {
			//定义公用的url
			var url
		//初始化对话框
		$("#div1").dialog({
			//隐藏对话框
			closed: true,
			//添加遮罩
			modal:true,
			//对话框中的按钮
			buttons:[{
				iconCls: 'icon-save',
				text:"保存",
				//点击保存按钮执行函数
				handler:function(){
					//获取表单中提交的数据
					var f = $("#ff").form();
					var formdata = f.serialize();
					//发送请求
					$.ajax({
						url:url,
						data:formdata,
						//回调函数
						success:function(data){
							//关闭对话框
							$("#div1").dialog("close"),
							//刷新表格
							$("#dg").datagrid('reload')
						}
						
					});
				}
			},{
				iconCls: 'icon-cancel',
				text:"取消",
				handler:function(){
					//关闭对话框
					$("#div1").dialog("close")
				}
			}]
		})
		
		
		//给搜索按钮添加事件
		$("#but").click(function() {
			//获取输入的数据
			var deptName = $("#deptName").val();
			//带着参数到后台请求
			$('#dg').datagrid({
				queryParams: {
					deptName: deptName
				}
			});
		})

		//{"id":1,"deptName":null,"updateTime":null,"createTime":null,"comment":null},
		$("#dg").datagrid({
			url: '${pageContext.request.contextPath}/dept/list.do',
			columns: [
				[{
						field: 'id',
						title: '部门id',
						width: 100
					},
					{
						field: 'deptName',
						title: '部门名称',
						width: 100
					},
					{
						field: 'createTime',
						title: '创建时间',
						width: 100,
						formatter: function(value) {
							if(value) {
								var date = new Date(value);
								//获取区年
								var year = date.getFullYear();
								var month = date.getMonth() + 1;
								var date1 = date.getDate();
								var hours = date.getHours();
								var min = date.getMinutes();
								var sec = date.getSeconds();
								var d = year + "/" + month + "/" + date1 + " " + hours + ":" + min + ":" + sec;
								return d;
							}

						}
					},
					{
						field: 'updateTime',
						title: '修改时间',
						width: 100,
						formatter: function(value) {
							if(value) {
								var date = new Date(value);
								//获取区年
								var year = date.getFullYear();
								var month = date.getMonth() + 1;
								var date1 = date.getDate();
								var hours = date.getHours();
								var min = date.getMinutes();
								var sec = date.getSeconds();
								var d = year + "/" + month + "/" + date1 + " " + hours + ":" + min + ":" + sec;
								return d;
							}
						}
					},
					{
						field: 'comment',
						title: '备注',
						width: 100
					}
				]
			],
			fitColumns: true,
			pagination:true,
			//设置分页属性，初始化页面的大小选择
			pageList:[5,10],
			//设置初始化页码
			pageNumber:1,
			toolbar: [{
				iconCls: 'icon-add',
				//设置按钮名称
				text:'添加部门',
				handler: function(){
					//点击新增打开对话框
					$("#div1").dialog("open");
					//修改对话框名称
					$("#div1").dialog("setTitle","新增部门");
					//将表单中的数据清空
					$("#ff").form('clear');
					url="${pageContext.request.contextPath}/dept/add.do"
					
				}
				},'-',{
				iconCls: 'icon-edit',
				text:"修改部门",
				handler: function(){
					//获取用户选中的数据
					var row = $("#dg").datagrid("getSelected");
					//判断用户有没有选中
					if(row){
						//打开对话框
						$("#div1").dialog("open"),
						//修改对话框的标题
						$("#div1").dialog("setTitle","修改部门"),
						//将表单中的数据清空
						$("#ff").form('clear');
						//回显数据
						$("#ff").form("load",row);
						//对话框中的url
						url="${pageContext.request.contextPath}/dept/update.do"
						
					}
				}
				},'-',{
				iconCls: 'icon-remove',
				text:"删除",
				handler: function(){
					//获取选中的这行数据
					var row = $("#dg").datagrid("getSelected");
					//判断用户有没有选中
					if(row){
						//警示框
						$.messager.confirm("确认","您确定将"+row.deptName+"删除吗",function(r){
							if(r){
								//发送ajax请求
								$.ajax({
									url: '${pageContext.request.contextPath}/dept/delete.do',
									data:{id :row.id},
									//回调函数
									success:function(data){
										//刷新表格
										$("#dg").datagrid('reload')
									}
								});
							}
						})
					}
				}
				}],
				//取消多选
				singleSelect:true
		})
		
	})
</script>